 #{extends 'home.html' /} #{set title:'Ideas Hub' /} #{set 'moreStyles'}

#{/set} #{set 'moreScripts'}

<script type="text/javascript"
	src="@{'/public/javascripts/HomeJs/jquery.nivo.slider.pack.js'}"></script>

<script type="text/javascript"
	src="@{'/public/javascripts/HomeJs/jquery.nivo.slider.js'}"></script>

<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider();
	});
</script>

<script type="text/javascript">

$(function(){
	$(".tip").tipTip({maxWidth: "auto", edgeOffset: 10});
	});

</script>

#{/set}




<div id=right-content>

	<h1></h1>
	<form action="@{Usercontroller.register()}" method="GET"
		class="stylized"
		oninput="confirmPass.setCustomValidity(confirmPass.value != myPassword.value ? 'Passwords do not match.' : '')">


					<h1>New to Ideas Hub? Join Us Now!</h1>
					#{if signUp!=null}
					<div class="error">Email already exists</div>
					#{/if} <input id="usermail" type=email required="true" name=myMail
						placeholder="Email" class="input"><br /> <br />
					<input id="username" type=text required="true" name=myName
						placeholder="Fullname" class="input"><br /> <br /> <input
						id="password1" type=password required="true" name=myPassword
						placeholder="Password" class="input"><br /> <br /> <input
						id="password2" type=password required="true" name=confirmPass
						placeholder="Confirm Password" class="input"><br /> <br /><br/><br/>
					
					<select class="tip" title="Sends you notification in communities you are contributed in." name="contributionPreference">
						<option>Contribution Preference</option>
						<option>True</option>
						<option>False</option>
					</select><br />
	
					<select class=tip title="Sends you notification in communities you are subscribed in." name="subscribePreference">
						<option>Subscribe Preference</option>
						<option>True</option>
						<option>False</option>
						
					</select> <br /> <br /> <br /> <input id="validate" type="submit"
						class="signUpButton" value="Sign Up..It's Free" onclick="" />
				</form>
			</div>

<div id=left-section>

	<div class="info">

		<b>IDEAS HUB</b><br /> it is the first FREE fully functioning ideas
		management and sharing platform in the world with NO LIMITATIONS <a
			id="inline" href="#data">more..</a>


	</div>

	<div id="slider">

		<img src="@{'/public/images/Home/private.png'}" alt="share"
			title="Private Communites" /> <img
			src="@{'/public/images/Home/facebook.png'}" alt="share"
			title="Facebook Sharing" /> <img
			src="@{'/public/images/Home/managers.png'}" alt="share" /> <img
			src="@{'/public/images/Home/logo.png'}" alt="share" /> <img
			src="@{'/public/images/Home/support.png'}" alt="share"
			title="24/7 Customer Support" /> <img
			src="@{'/public/images/Home/free.png'}" alt="share" />


	</div>





	<p>
		<br /> <br /> <span class="heading"></span> </u>
	</p>
	<br />






</div>





